<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的世界</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>

<div class="layui-container">
    <div class="layui-row">
        <ul class="layui-nav layui-bg-cyan" style="margin-top: 20px;" lay-filter="">
            <li class="layui-nav-item"><a href="adminInit">ARESBLANK</a></li>
            <li class="layui-nav-item" th:each="nav : ${navTree}"><!-- 其中m是个临时变量，像for(User u : userList)那样中的u-->
                <a href="" th:text="${nav.navPo.navname}"></a>
                <dl class="layui-nav-child" th:each="cond : ${nav.second}"> <!-- 二级菜单 -->
                        <dd th:each="condPo : ${cond.secondPo}">
                            <a href="" th:text="${condPo.navname}"></a>
                        </dd>
                </dl>
            </li>
        </ul>

    </div>
    <div class="layui-row">
        <div class="layui-col-md4">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>生日列表</legend>
            </fieldset>
            <table id="user" lay-filter="test"></table>
        </div>
        <div class="layui-col-md8">
            <div class="layui-carousel" id="test1" style="margin: 20px">
                <div carousel-item>
                    <tr th:each="pic : ${piclist}"><!-- 其中m是个临时变量，像for(User u : userList)那样中的u-->
                        <div style="background-color: #FFB800"><img style="width: 100%;height: 100%" th:src="${pic.file64}">
                        </div>
                    </tr>
                </div>
            </div>
            <fieldset class="layui-elem-field" style="margin: 30px">
                <legend>Ares</legend>
                <div class="layui-field-box">
                    回首向来萧瑟处，也无风雨也无晴
                </div>
            </fieldset>
        </div>

    </div>
    <div class="layui-row layui-col-space12">
        <div class="layui-col-md4 ">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>大学—University</legend>
            </fieldset>
            <table id="University" lay-filter="test"></table>
        </div>
        <div class="layui-col-md4 ">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>家乡-Home</legend>
            </fieldset>
            <table id="Home" lay-filter="test"></table>
        </div>
        <div class="layui-col-md4 ">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>未来-Future</legend>
            </fieldset>
            <table id="Future" lay-filter="test"></table>
        </div>
    </div>
</div>


<script src="/layui/layui.js"></script>
<script src="/js/index.js"></script>
<script th:inline="javascript">
    var message = [[${navTree}]];
    console.log(message[0].navPo.navname);
</script>

</body>
</html>